body { font-family: Arial, Helvetica, Sans-Serif; font-size:13px; zoom: 1; }

/******* ~ Login ~ Styles *******/
div#bodyContent { width: 100%; margin-top: 0px; padding-bottom: 3em; }
div#loginContent { width: 420px; display: inline-block; padding: 30px 40px 30px 0px; margin: 10px 0px 0px 1em; }
div#loginContent div { margin-left: 1.5em; }
div#loginContent .ui-button { padding: .35em 1em .35em 1em !important; }

.input-login { position: relative; width: 100%; }
.password-reset { margin-left: 4em; width: 60% !important; } .password-reset p { font-size: 16px; }

/******* ~ Navigation ~ Styles *******/
div#navigation { 
	width: 100%; height: 1.5em; padding: 0px; margin: 0 auto; display: none; border: 1px solid #A9A9A9; 
	filter:expression("progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD',endColorstr='#ECECEC')");
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD',endColorstr='#ECECEC')";
	background-color: #ECECEC;
	background:-ms-linear-gradient(top, #ECECEC, #FDFDFD);
	background:-moz-linear-gradient(0% 100% 90deg, #ECECEC, #FDFDFD);
	background:-webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FDFDFD));
	background:-o-linear-gradient(0% 100% 90deg, #ECECEC, #FDFDFD);
}

div#navigation .ui-state-hover, div#navigation .ui-button-disabled, #dialog .subTitle { 
	color: #000000;
	background-color: #E4E4E4;
	filter:expression("progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4',endColorstr='#BCBCBC')");
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4',endColorstr='#BCBCBC')";
	background:-moz-linear-gradient(0% 100% 90deg, #E4E4E4, #BCBCBC);
	background:-webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#BCBCBC));
	background:-o-linear-gradient(0% 100% 90deg, #E4E4E4, #BCBCBC);
}

div#navigation span.tabL { float: left; }
div#navigation span.tabR { float: right; }

/******* ~ Admin ~ Styles *******/
div#admin {  }
div#admin dt {margin: .5em; }
div#admin button { width: 13em; text-align: left; }
div#admin .ui-icon { background-image: url('../images/twitter.bootstrap/glyphicons-halflings.png'); }
div#admin .ui-state-hover .ui-icon { background-image: url('../images/twitter.bootstrap/glyphicons-halflings-white.png'); }

div#admin th, div#admin td, { padding: 3px 0px 3px 0px !important; }

/******* ~ Documents ~ Styles *******/
div#documents { margin: -20px auto; width: 500px; }
div#documents a  { display: block;  width: 30em; text-align: left; margin: .50em; margin-left: 1.75em; }
div#documents dt span { width: 31.75em; text-align: left; }
div#documents .btn { padding: 6px;  }
div#documents .icon-pdf { float: left; top: 9px !important; left: 4px !important; width: 26px; height: 26px; background: url('../images/dataTables/pdf.png') 0px -3px no-repeat; }
div#documents .btn:hover .icon-pdf { background: url('../images/dataTables/pdf_hover.png') 0px -3px no-repeat; cursor: pointer; }

/******* ~ Dialog ~ Styles *******/
div#dialog {  font-family: Arial, Helvetica, Sans-Serif !important; padding: 2em; display: none; font-size: 13px; background: #FFFFFF; overflow-y: scroll; }
div#dialog .left { text-align: left; padding-left: 1em !important; } 
div#dialog .transparent, .transparent { border: 0px none !important; background: #FFFFFF; !important; padding: 1px 0px 1px 0px !important; }
div#dialog table { border-collapse: collapse; }
div#dialog .row0, .altRow { background: #E1E5E9 !important; }
div#dialog .row1 td { border: 1px solid gray; }
div#dialog input {  }
div#dialog .title, #documents .title, .forms .title {
	background-color: #2C2C2C;
	background-image:-ms-linear-gradient(top, #282425, #4c4c4e);
	background:-moz-linear-gradient(0% 100% 90deg, #282425, #4c4c4e);
	background:-webkit-gradient(linear, left top, left bottom, from(#282425), to(#4c4c4e));
	background:-o-linear-gradient(0% 100% 90deg, #282425, #4c4c4e);
	color: #ffffff;
	font-weight: bold;
}
div#dialog .accordion-group { border: 0px none; }
div#dialog .accordion-heading {  }
div#dialog .accordion-heading .btn { font-size: 14px; text-align: left; padding: 6px 0px 0px 16px; }
div#dialog .accordion-inner a { height: 8px; width: 18px; padding-top: 0px; padding-bottom: 0px; }
div#dialog .accordion-inner i { margin-top: 3px; }
div#dialog .accordion-heading i { margin-top: 1px; }

.dataTables_scrollBody { border-left: 1px solid #AAA; overflow-y: scroll !important; }
.dataTables_scrollBody table, .dataTables_scrollBody .ui-widget-content { border-left: 0px none !important; }
.even:hover td, .odd:hover td{
	background-color: #5e9ae2;
	background-image:-ms-linear-gradient(top, #5e9ae2, #3570b8);
	background: -moz-linear-gradient(0% 100% 90deg, #5e9ae2, #3570b8);
	background: -webkit-gradient(linear, left top, left bottom, from(#3570b8), to(#5e9ae2));
	background: -o-linear-gradient(0% 100% 90deg, #5e9ae2, #3570b8);
	border-color: #2e63a5 !important;
	cursor: pointer;outline: 0;
}

/******* ~ Miscellaneous ~ Styles *******/
div.alert-message { width: 390px; margin-top: .5em: margin-bottom: 1em; }
p.errorMessage, p.successMessage {	display: block; font-size: 13px; font-weight: bold; margin: 0px; text-align: left; padding: 0em; }
#welcomeMessage { position: absolute; top: 1.5em; right: 1em; width: auto; }
#welcomeMessage .alert-message { width: auto; }

/******* ~ Global ~ Styles*******/
div.forms { width: 100%; }
table.forms, table.forms2 { border-collapse: collapse; vertical-align: middle; }
table.forms2 { border: 1px solid gray; border-width: 0px 1px 0px 1px; }
table.forms td, table.forms th { border: 1px solid gray; text-align: center; }
table.forms2 td, table.forms2 th { border: 1px solid gray; border-width: 1px 0px 1px 0px; height: auto !important;}
li.consumerDocuments { list-style: none; padding: .75em; height: 20px;}

label { font-weight: bold; }

a.breadcrumb {
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	padding: 4px;
	margin: 6px 0px 10px 20px;
	color: blue;
}

span.breadcrumb {
	display: inline-block;
	padding 4px;
	margin: 6px 0px 10px 0px;
	font-weight: bold;
}

dt { margin: 1em; font-weight: normal; }
dt.list { padding-left: 2em; display: block; }
dt.list2 { padding-left: 4em; display: block; }
dt.list3 { padding-left: 6em; display: block; }

fieldset { width: 95%;margin: 0 auto; padding: 1em; 	background: #ECECEC; border: 1px solid #A9A9A9; }
legend { display: block; margin: 1em; padding: .5em .75em .5em .75em; font-size: 14px; border: 1px solid #FFFFFF; }

.forms th { text-align: center; }
.forms td.formLabel { font-size: 14px !important; text-align: right; }
.forms td.formLabel2, .forms td.formLabel3 { font-size: 12px; font-style: italic; border-top: 1px solid #A9A9A9; text-align: left;}
.forms td.formLabel3 { border-top: 0px none; }
span.formLabel { display: inline-block; margin-left: 1em; width: 75%; }
.forms td.formInput { font-size: 13px; font-weight: bold; }
span.formInput { float: left; }
.radiobutton label { display: inline-block;  padding: 0px; font-size: 12	px; font-weight: normal; vertical-align: middle; margin-top: .5em; margin-left: 1.5em; }
.radiobutton label input { display: inline-block;  font-size: 12px; }

input { font-weight: normal; font-size: 13px !important; height: 1.2em; margin: 0px ; padding: 3px !important;  }

input.small { width: 3em; }
input.normal { width: 6em; }
input.normal1 { width: 8em; }
input.normal2 { width: 10em; }
input.large { width: 20em; }

input.ssn-2 { width: 1.25em; }
input.phone-3, input.ssn-3 {  width: 2em; }
input.phone-4, input.ssn-4{  width: 2.5em; }
input.address-house{  width: 3.5em; }
input.address-street { text-align: left; width: 15em; }
input.address-city{ text-align: left; width: 8em; }
input.address-state{  width: 1.75em; }
input.address-zipcode{  width: 3em; }

input.initials { width: 2em; }
input.date{ text-align: center; width: 8em; }

textarea.normal { width: 500px; height: 150px; }
textarea.small { width: 300px; height: 75px; }
textarea.small2 { width: 300px; height: 150px; }

hr { width: 80%; color: #A9A9A9; background: #A9A9A9; height: 1px; border: none; }

h2 { margin-left: 2%; }
.btn { text-decoration: none; outline: 0; border 0; } .btn:active, .btn:focus { outline: 0;  }
.caption,.caption2 { font-size: 10px; font-style: italic; font-weight: normal !important;; margin: 0px !important;; height: 10px; }
.caption2 { font-style: normal !important; }
h1 { margin: .5em 0em .5em 1em; border-bottom: 1px solid lightgray; width: 50%;}
h2 { margin: .5em 0em 1em 1em; text-align: center; }
.strong { font-weight: bold; text-align: justify; margin: 5px; }
p.strong { text-indent: 1.5em; }
#dialog .btn { height: 25px !important; }
div.btn-group { margin: 0px !important; }

div.filter { padding-bottom: 8px; }
div.filter button { padding-top: 1px; padding-bottom: 1px; }

button.btn-single, a.btn-single {
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	border-top-left-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottom-left: 0px !important;
	border-bottom-left-radius: 0px !important;
	margin-left: 0px;
	padding: 3px;
}

ul.list { margin-left: 50px; }
a.btn-single2, a.btn-single2:focus, a.btn-single2:active { padding: 0px 4px 0px 4px !important; }

button.btn-single2 {
	margin-left: 0px;
	padding: 1px 3px 1px 3px; height: 100%;
}

ol li, ul li { margin-bottom: .5em; }

.btn-large i.icon-first { padding-right: 0px; }
.btn-large i.icon-last { padding-right: 6px; }

i { padding-right: 4px; height: 25px;  }
i.icon-plus { padding-right: 0px; }

.documentHeader { text-align: center; }
.documentHeader span { display: inline-block; }
.documentHeader img { margin: 1em; }

h4 { margin: 2em; }
h4.clear { margin-left: 0px !important; margin-bottom: 0px !important; }

tr.title th, th.title, tr.subTitle th, th.subTitle, tr.subTitle td, td.subTitle { padding: 4px !important; }
.ui-state-hover { padding: 0px !important; } .ui-state-hover span { margin: 0px !important; border: 0px none !important; background: none !important; }
:focus, :active { outline: 0 !important; }
.btn-small { padding: 0px 4px 0px 4px; }
span.disabled { color: gray; }


.hasCheckbox { text-align: left; padding-left: 1em; text-indent: -2em; margin: 0em 0em 0em 1em; }
.label { background: none !important; color: #000000 !important; font-weight: normal; padding: 0px; font-size: 13px; }

.center { margin: 0 auto; text-align: center !important; }
.left { text-align: left !important; padding-left: 1em; }
.right { text-align: right !important; }

.clear { padding: 6px !important; }
.inline { display: inline-block; }